<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/css.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="dist/swipeslider.min.js"></script>
    <title>Document</title>

</head>

<body>
    <div class="jd_d">
        <div class="jd_d1">

            <div class="logo"></div>
            <div class="text">
                <input type="text" placeholder="请输入商品名称">
            </div>

            <a href="javascript:;" class="deng">登陆</a>

        </div>
        <!-- 导航栏结束 -->

        <!-- <div class="jd_d2" id="swipeslider">
            <div class="lun">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l4.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l5.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l6.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l7.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./uploads/l8.jpg" alt="">
                        </a>
                    </li>
                </ul>
                <div class="lun_1">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div> -->
        <div class="jq22-container">
            <article class="container">
                <figure id="full_feature" class="swipslider">
                    <ul class="sw-slides">
                        <li class="sw-slide">
                            <img src="./uploads/l1.jpg" alt="">
                        </li>
                        <li class="sw-slide">
                            <img src="./uploads/l2.jpg" alt="">
                        </li>
                        <li class="sw-slide">
                            <img src="./uploads/l3.jpg" alt="">
                        </li>
                        <li class="sw-slide">
                            <img src="./uploads/l4.jpg" alt="">
                            <li class="sw-slide">
                                <img src="./uploads/l5.jpg" alt="">
                            </li>
                            <li class="sw-slide">
                                <img src="./uploads/l6.jpg" alt="">
                            </li>
                            <li class="sw-slide">
                                <img src="./uploads/l7.jpg" alt="">
                            </li>
                            <li class="sw-slide">
                                <img src="./uploads/l8.jpg" alt="">
                            </li>
                    </ul>
                </figure>
            </article>
        </div>
        <!-- 轮播图部分结束 -->
        <div class="jd_d3">
            <div class="nav">
                <ul class="clearfix">
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_1.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_2.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_3.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_4.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_5.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_6.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_7.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="./images/nav_8.png" alt="">
                            <p>商品分类</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 商品分类结束 -->
        <div class="chao clearfix">
            <a href=javascript;:>京东超市</a>
        </div>
        <!-- 结束 -->
        <div class="zhanshi clearfix">
            <a href="javascript:;">
                <img src="./uploads/cp1.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp2.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp3.jpg" alt="">
            </a>
        </div>
        <!-- 结束 -->
        <div class="chao_1 clearfix">
            <a href=javascript;:>京东超市</a>
        </div>
        <!-- 结束 -->
        <div class="zhanshi_1 clearfix">
            <a href="javascript:;">
                <img src="./uploads/cp4.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp5.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp6.jpg" alt="">
            </a>
        </div>
        <!-- 结束 -->
        <div class="chao_1 clearfix">
            <a href=javascript;:>京东超市</a>
        </div>
        <div class="zhanshi clearfix">
            <a href="javascript:;">
                <img src="./uploads/cp1.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp2.jpg" alt="">
            </a>
            <a href="javascript:;">
                <img src="./uploads/cp3.jpg" alt="">
            </a>
        </div>
    </div>

    <!-- jquery部分 -->
    <script type="text/javascript">
        $(window).load(function() {
            $('#full_feature').swipeslider();
            // $('#content_slider').swipeslider({
            //     transitionDuration: 600,
            //     autoPlayTimeout: 10000,
            //     sliderHeight: '300px'
            // });
            // $('#responsiveness').swipeslider();
            // $('#customizability').swipeslider({
            //     transitionDuration: 1500,
            //     autoPlayTimeout: 4000,
            //     timingFunction: 'cubic-bezier(0.38, 0.96, 0.7, 0.07)',
            //     sliderHeight: '30%'
            // });
        });
    </script>
</body>

</html>